<template>
    <div>
      <sidebar />
      <el-form label-position="left" label-width="120px">
        <el-form-item label="姓名">
          <el-input v-model="patient.name" placeholder="输入患者姓名"></el-input>
        </el-form-item>
        <el-form-item label="性别">
          <el-select v-model="patient.gender" placeholder="选择性别">
            <el-option label="男" value="male"></el-option>
            <el-option label="女" value="female"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="年龄">
          <el-input v-model="patient.age" placeholder="输入患者年龄"></el-input>
        </el-form-item>
        <el-form-item label="所在医院">
          <el-input v-model="patient.hospital" placeholder="输入患者所在医院"></el-input>
        </el-form-item>
        <el-form-item label="癌种">
          <el-select v-model="patient.cancerType" placeholder="选择癌症类型">
            <el-option label="肺癌" value="lung"></el-option>
            <el-option label="乳腺癌" value="breast"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="免疫用药情况">
          <el-input v-model="patient.medication" placeholder="输入用药情况"></el-input>
        </el-form-item>
        <el-form-item label="第一次采样时间">
          <el-date-picker v-model="patient.firstSampleTime" type="date" placeholder="请选择日期"></el-date-picker>
        </el-form-item>
      </el-form>
    </div>
  </template>
  
  <script lang="ts">
  import Sidebar from './Sidebar.vue';
  
  export default {
    components: {
      Sidebar
    },
    data() {
      return {
        patient: {
          name: '',
          gender: '',
          age: '',
          hospital: '',
          cancerType: '',
          medication: '',
          firstSampleTime: ''
        }
      }
    }
  }
  </script>
  
  <style scoped>
  .el-form {
    width: 400px;
    margin-left: 220px;
    padding: 20px;
  }
  </style>
  